<?php
	array_key_exists ('name', $_GET) or die ('please specify a graph name');
	$Name = $_GET ['name'];
?><html>
	<head>
		<title>overwatch graphs examine pane</title>
		<link rel="stylesheet" type="text/css" href="style/style.css" />
		<script type="text/javascript">window.onload = function () {
			Images = [document.getElementById ('graph')]

			Left = document.getElementById ('left')
			Right = document.getElementById ('right')
			Zoom = document.getElementById ('zoom')
			CurEnd = document.getElementById ('curend')
			Plot = document.getElementById ('plot')

			Head = document.getElementsByTagName ('head') [0]
			Head.Loaded = new Object
			Head.Load = function (Name) {
				if (! this.Loaded [Name]) {
					var Script = document.createElement ('script')
					Script.type = 'text/javascript'
					Script.src = 'js/' + Name + '.js'
					this.appendChild (Script)
					this.Loaded [Name] = true
				} else alert (Name);
			}
			Head.Load ('common')
		}</script>
	</head>
	<body class="citadel">
		<div id="filter">&nbsp;</div>
		<table id="graphs">
			<tr class="toolbox">
				<td style="width:1px"><button id="left" type="button">&lt;&lt;&lt;</button></td>
				<td style="width:1px"><label>zoom: <select size=1 type id="zoom"></select></label></td>
				<td><label>current end: <input type id="curend" value="n/a" /></label></td>
				<td style="width:1px"><button id="right" type="button">&gt;&gt;&gt;</button></td>
			</tr>
			<tr>
				<td colspan="4" style="width:100%;height:400px;">
					<img id="graph" class='examine' type='Examine' src='' alt="<?php echo ($Name.'"'); ?> />
				</td>
			</tr>
			<tr>
				<td colspan="4">
					<table id="plot"></table>
				</td>
			</tr>
		</table>
	</body>
</html>